<template>
	<view class="questionbank">
		<view class="circle-title">
			<view class="circle-title-l">模拟考试</view>
			<!-- <view class="circle-title-r" @click="urlClick('/pages/bak/bak')">更多</view> -->
		</view>
		<view class="article-list">
			<view class="article-list-view"  @click="urlClick('/pages/bak/exam_details?id='+item.id)" v-for="(item,index) in list">
				<image :src="item.img"></image>
				<view class="article-list-view-r">
					<view class="article-list-view-r-title">{{item.name}}</view>
					<view class="article-list-view-r-cennt">
						{{item.brief}}
					</view>
					<view class="article-list-view-r-date">{{item.create_time}}</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list  : [],
			}
		},
		created() {
			let that  = this;
			that.$bak.getBak({'where':'is_top = 1 and  is_type = 1'}).then(res=>{
				that.list = res.data.list;
				console.log(res);
			})
		},
		methods: {
			urlClick(e){
				uni.navigateTo({
					url:e
				})
			}
		}
	}
</script>

<style lang="less">
	.questionbank {
		min-height: 200rpx;
		background-color: #fff;
		margin-top: 20rpx;
		padding-top: 30rpx;
		padding-bottom: 30rpx;
		padding-left: 20rpx;
		padding-right: 20rpx;
		.circle-title {
			display: flex;
			.circle-title-l {
				font-size: 40rpx;
				padding-left: 10rpx;
			}
			.circle-title-r {
				margin-left: auto;
				color: #999999;
				font-size: 24rpx;
				line-height: 56rpx;
			}
		}
		.article-list {
			margin-top: 40rpx;
			.article-list-view {
				display: flex;
				margin-bottom: 32rpx;
				image {
					width: 240rpx;
					height: 168rpx;
					border-radius: 20rpx;
				}
				.article-list-view-r {
					margin-left: 32rpx;
					width: 434rpx;
					.article-list-view-r-title {
						font-size: 30rpx;
						font-weight: 500;
						 white-space: nowrap;
						  overflow: hidden;
						  text-overflow: ellipsis;
					}
					.article-list-view-r-cennt {
						color: #999999;
						font-size: 26rpx;
						overflow: hidden;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
						margin-top: 20rpx;
						height: 70rpx;
					}
					.article-list-view-r-date {
						color: #999999;
						font-size: 26rpx;
						padding-top: 12rpx;
					}
				}
			}
		}
	}
	
</style>